{% extends '::base.html.twig' %}

{% block title %}Getonlyimg{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
<link rel="stylesheet" href="{{ asset('css/fancybox.css') }}">
<style type="text/css">
    .facebook-icon {
        background: url({{ asset('/facebook_icon.png') }}) no-repeat bottom center;
    }

    .twitter-icon {
        background: url({{ asset('/twitter_icon.png') }}) no-repeat 0 -27px;
    }

    .twitter-icon:hover {
        background-position: 0 1px !important
    }

    .facebook-icon:hover {
        background-position: top center !important
    }

    .social_icons_wrap a {
        float: right;
        margin-left: 8px;
        display: block;
        height: 20px;
        width: 24px;
    }

    a:hover {
        text-decoration: none;
    }

    .footer_wrap .row, .footer_wrap .row a {
        color: #999;
        font-size: 12px;

    }

    .footer_wrap .row {
        float: left;
        width: 550px;
    }

    .footer_wrap .row a {
        margin-right: 8px;
        text-decoration: underline;
    }

    .footer_wrap .row a:hover {
        text-decoration: none;
    }
</style>
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('js/jquery.js') }}"></script>
    <script src="{{ asset('js/fancybox.js') }}"></script>
    <script src="{{ asset('js/bootstrap.js') }}"></script>
    <script type="text/javascript">
        $(".gallery_link").fancybox({ openEffect: 'none', closeEffect: 'none', nextEffect:'none', prevEffect:'none'});
    </script>
{% endblock %}

{% block body %}

    {% for flashMessage in app.session.flashbag.get('notice') %}
        <div class="flash-message">
            <em>Notice</em>: {{ flashMessage }}
        </div>
    {% endfor %}

    {% block menu %}

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="{{ path('index') }}">Getonlyimg</a>
                     {{ knp_menu_render('main') }}
                </div>
            </div>
        </div>

    {% endblock %} <!-- EOF Menu-->

    <div class="container">
        <div class="hero-unit">
            {% block content %} {% endblock %}
        </div>
    </div>
    <div class="footer_wrap margin10top">
            <div class="container">
                <div class="row">
                    <span class="span4">&#169; Getonlyimg.com. All rights reserved. </span>
                     {{ knp_menu_render('main') }}
                </div>
                <span class="span2 pull-right social_icons_wrap">
                    <a href="http://www.twitter.com/" class="twitter-icon" title="Twitter">&nbsp;</a>
                    <a href="http://www.facebook.com/" class="facebook-icon" title="Facebook">&nbsp;</a>
                </span>
            </div>
        </div>
    </div>
{% endblock %}
